<template>
  <div>
    <el-table ref="table" :data="list" style="width: 100%" border v-loading="loading">
      <el-table-column width="60" label="序号" key="1" header-align="center" align="center">
        <template slot-scope="scope">
          <div>{{$parent.params.per_limit*($parent.params.page-1)+scope.$index+1}}</div>
        </template>
      </el-table-column>
      <el-table-column header-align="center" align="center" key="2" prop="id" label="ID" width="60"></el-table-column>
      <el-table-column
        header-align="center"
        key="3"
        align="center"
        prop="channel_name"
        show-overflow-tooltip
        label="渠道名称"
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="4"
        header-align="center"
        align="center"
        prop="merchant_no"
        label="商户号(ID)"
        min-width="180"
      ></el-table-column>
      <el-table-column
        key="5"
        header-align="center"
        align="center"
        prop="out_merchant_no"
        label="渠道商户号"
        min-width="180"
      ></el-table-column>
      <el-table-column
        key="6"
        header-align="center"
        align="center"
        prop="sign_name"
        show-overflow-tooltip
        label="签约名"
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="7"
        header-align="center"
        align="center"
        show-overflow-tooltip
        prop="merchant_name"
        label="商户简称"
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="8"
        header-align="center"
        align="center"
        prop="merchant_type_name"
        show-overflow-tooltip
        label="商户类型"
        min-width="110"
      ></el-table-column>
      <el-table-column
        key="9"
        header-align="center"
        align="center"
        prop="account_name"
        label="开户人"
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="10"
        header-align="center"
        align="center"
        show-overflow-tooltip
        prop="bank_card_info"
        label="结算卡信息"
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="11"
        header-align="center"
        align="center"
        prop="settle_period_name"
        label="结算周期"
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="12"
        header-align="center"
        align="center"
        show-overflow-tooltip
        prop="account_type_name"
        label="结算类型"
        min-width="90"
      ></el-table-column>
      <el-table-column
        key="13"
        header-align="center"
        align="center"
        prop="clear_amount"
        label="清算金额(元)"
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="14"
        header-align="center"
        align="center"
        prop="clear_date"
        label="清算日期	"
        min-width="145"
      ></el-table-column>
      <el-table-column
        key="15"
        header-align="center"
        align="center"
        prop="settle_amount"
        label="结算金额(元)"
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="16"
        header-align="center"
        align="center"
        prop="settle_date"
        label="结算日期"
        min-width="140"
      ></el-table-column>
      <el-table-column
        key="17"
        header-align="center"
        align="center"
        prop="status_name"
        label="结算状态"
        show-overflow-tooltip
        min-width="100"
      ></el-table-column>
      <el-table-column
        key="18"
        header-align="center"
        align="center"
        prop="fail_reason"
        show-overflow-tooltip
        label="失败原因"
        min-width="140"
      ></el-table-column>
      <el-table-column
        key="19"
        header-align="center"
        align="center"
        prop="created_at"
        label="创建时间"
        min-width="140"
      ></el-table-column>
    </el-table>
  </div>
</template>

<script>
// 主体表格
export default {
  props: {
    list: {
      type: Array,
      required: true
    },
    status: {
      type: Number,
      required: true
    },
    loading: {
      type: Boolean,
      required: true
    },
    callback: {
      type: Function,
      required: true,
      default: () => {}
    }
  }
}
</script>

<style lang="scss" scoped>
.img {
  width: 170px;
  height: 170px;
  border-radius: 5px;
}
</style>